<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我连网卖家中心</title>
		<meta name="keywords" content="我连网卖家中心" />
		<meta name="description" content="我连网卖家中心" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="./plugins/font-awesome/css/font-awesome.min.css" media="all">
    <link rel="stylesheet" href="build/css/index.css" />
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
	</head>
	<body>
		<div class="layui-layout layui-layout-admin">
			<div class="layui-header">
				<div class="layui-logo">
					<a href="index.html" class="aLogo">
    				<image src="build/images/wolianwlogo.png" id="bigLogo" title="logo" />
    			</a>
				</div>
				
				<!-- 头部区域（可配合layui已有的水平导航） -->
				<ul class="layui-nav layui-layout-right">
					<li class="layui-nav-item">
						<a href=""><i class="fa fa-shopping-cart fa-fw fa-lg" aria-hidden="true"></i> 我要采购</a>
					</li>
					<li class="layui-nav-item">
						<a href=""><i class="fa fa-headphones fa-fw fa-lg" aria-hidden="true"></i> 客服</a>
					</li>
					<li class="layui-nav-item">
						<a href=""><i class="fa fa-commenting-o fa-fw fa-lg" aria-hidden="true"></i> 我信<span class="layui-badge">9</span></a>
					</li>
					<li class="layui-nav-item">
						<a href=""><i class="fa  fa-envelope-o fa-fw fa-lg" aria-hidden="true"></i> 消息<span class="layui-badge" style="background-color:#4890FC;">5</span></a>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:;">
							<i class="fa fa-user fa-fw fa-lg" aria-hidden="true"></i> 18170551974
						</a>
						<dl class="layui-nav-child">
                <dd><a href="javascript:;"><i class="fa fa-user-circle" aria-hidden="true"></i>&emsp;基本资料</a></dd>
                <dd><a href="javascript:;"><i class="fa fa-gear" aria-hidden="true"></i>&emsp;安全设置</a></dd>
                <dd><a href="javascript:;"><i class="fa fa-sign-out" aria-hidden="true"></i>&emsp;注销</a></dd>
            </dl>
					</li>
				</ul>
			</div>
		
			<div class="layui-side layui-bg-deepblue">
				<div class="layui-side-scroll">
					
	        <div class="layui-form-item">
	        	<form class="layui-form" action="">
				      <input type="checkbox" checked="" name="open" lay-skin="switch" id="switchSet" lay-filter="switchTest" title="后台|常用" lay-text="后台|常用">
				      <div class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch"><em>后台</em><i></i></div>
				   	</form>
				  </div>
					<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
					<ul class="layui-nav layui-nav-tree" lay-filter="test">
						<li class="layui-nav-item">
							<a class="" href="javascript:;">
								<span class="layui-show-md-block"><i class="fa fa-shopping-cart"></i> </span>
								<span class="layui-show-md-block">商品管理</span>
							</a>
							<dl class="layui-nav-child">
								<dd>
									<cite><i></i>商品查询</cite>
									<a href="javascript:;" class="list_a">
										<span title="商品列表">商品列表</span>
										<i class="fa fa-plus-circle" title="设为常用导航"></i>
									</a>
									<a href="javascript:;" class="list_a">
										<span title="商品草稿">商品草稿</span>
										<i class="fa fa-minus-circle" title="设为常用导航"></i>
									</a>
								</dd>
								<dd>
									<cite><i></i>商品发布</cite>
									<a href="javascript:;" class="list_a">
										<span title="">商品发布</span>
										<i class="fa fa-plus-circle" title="设为常用导航"></i>
									</a>
									<a href="javascript:;" class="list_a">
										<span>商品预售发布</span>
										<i class="fa fa-plus-circle" title="设为常用导航"></i>
									</a>
								</dd>
								<dd>
									<cite><i></i>商品分组</cite>
									<a href="product-groups.html" target="main" class="list_a">
										<span>商品分组管理</span>
										<i class="fa fa-plus-circle" title="设为常用导航"></i>
									</a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;">
								<span class="layui-show-md-block"> <i class="fa fa-file-text-o"></i> </span>
								<span class="layui-show-md-block" title="设为常用导航">订单管理</span>
							</a>
							<dl class="layui-nav-child"> 
								<dd>
									<cite><i></i>订单查询</cite>
									<a href="javascript:;" class="list_a">
										<span>全部订单</span>
										<i class="fa fa-plus-circle" title="设为常用导航"></i>
									</a>
								</dd>
								<dd>
									<cite><i></i>订单处理</cite>
									<a href="order-tobe-accepted.html" target="main" class="list_a">
										<span>待接受订单</span>
										<i class="fa fa-plus-circle" title="设为常用导航"></i>
									</a>
									<a href="./back-order.html" target="main">
										<span>待发货订单</span>
										<i class="fa fa-plus-circle" title="设为常用导航"></i>
									</a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;">
								<span class="layui-show-md-block"> <i class="fa fa-reply"></i> </span>
								<span class="layui-show-md-block">退货管理</span>
							</a>
							<dl class="layui-nav-child"> 
								<dd>
									<cite><i></i>退货单查询</cite>
									<a href="javascript:;" class="list_a">
										<span>全部退货单</span>
										<i class="fa fa-plus-circle" title="设为常用导航"></i>
									</a>
								</dd>
								<dd>
									<cite><i></i>退货单处理</cite>
									<a href="./order-tobe-return.html" target="main">
										<span>待退货订单</span>
										<i class="fa fa-plus-circle" title="设为常用导航"></i>
									</a>
									<a href="javascript:;" class="list_a">
										<span>待收货订单</span>
										<i class="fa fa-plus-circle" title="设为常用导航"></i>
									</a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;">
								<span class="layui-show-md-block"> <i class="fa fa-user"></i></span>
								<span class="layui-show-md-block">用户管理</span>
							</a>
							<dl class="layui-nav-child"> 
								<dd>
									<cite><i></i>员工管理</cite>
									<a href="./staff-list.html" target="main" class="list_a">
										<span>员工列表</span>
										<i class="fa fa-plus-circle" title="设为常用导航"></i>
									</a>
								</dd>
								<dd>
									<cite><i></i>岗位管理</cite>
									<a href="./station-list.html" target="main" class="list_a">
										<span>岗位列表</span>
										<i class="fa fa-plus-circle"></i>
									</a>
								</dd>
								<dd>
									<cite><i></i>地址管理</cite>
									<a href="userManage.html" target="main" class="list_a">
										<span>地址列表</span>
										<i class="fa fa-plus-circle" title="设为常用导航"></i>
									</a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;">
								<span class="layui-show-md-block"> <i class="fa fa-truck"></i></span>
								<span class="layui-show-md-block">物流设置</span>
							</a>
							<dl class="layui-nav-child"> 
								<dd>
									<cite><i></i>运费模板设置</cite>
									<a href="freight.html" target="main" class="list_a">
										<span>运费模板列表</span>
										<i class="fa fa-plus-circle" title="设为常用导航"></i>
									</a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;">
								<span class="layui-show-md-block"> <i class="fa fa-file-excel-o"></i></span>
								<span class="layui-show-md-block">报表分析</span>
							</a>
							<dl class="layui-nav-child"> 
								<dd>
									<cite><i></i>趋势图</cite>
									<a href="./sale-trend.html" target="main" class="list_a">
										<span>区域销售趋势图</span>
										<i class="fa fa-plus-circle" title="设为常用导航"></i>
									</a>
									<a href="./product-groups-trend.html" target="main" class="list_a">
										<span>商品分类趋势图</span>
										<i class="fa fa-plus-circle" title="设为常用导航"></i>
									</a>
								</dd>
								<dd>
									<cite><i></i>排行榜</cite>
									<a href="javascript:;" class="list_a">
										<span>客户销售排行榜</span>
										<i class="fa fa-plus-circle" title="设为常用导航"></i>
									</a>
									<a href="products-ranking.html" target="main" class="list_a">
										<span>商品销售排行榜</span>
										<i class="fa fa-plus-circle" title="设为常用导航"></i>
									</a>
								</dd>
								<dd>
									<cite><i></i>明细表</cite>
									<a href="receiving-order-detail.html" target="main" class="list_a">
										<span>收货订单明细表</span>
										<i class="fa fa-plus-circle" title="设为常用导航"></i>
									</a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;">
								<span class="layui-show-md-block"> <i class="fa fa-rmb"></i></span>
								<span class="layui-show-md-block">资金管理</span>
							</a>
							<dl class="layui-nav-child"> 
								<dd>
									<cite><i></i>资金管理</cite>
									<a href="myMoney.html" target="main" class="list_a">
										<span>我的资金</span>
										<i class="fa fa-plus-circle" title="设为常用导航"></i>
									</a>
								</dd>
							</dl>
						</li>
					</ul>
				</div>
			</div>
		
			<div class="layui-body">
				<!-- 内容主体区域 -->
				<div style="box-sizing: border-box;">
					<iframe src="main.html" name="main" width="99%%"  frameborder ="0" height="800px;"></iframe>
				</div>
			</div>
		
			<div class="layui-footer">
				<!-- 底部固定区域 -->
            <div class="layui-main" style="text-align: center;">
							<p>2016 &copy;
								<a href="https://www.wolianw.com/" target="_blank">我连网</a>
							</p>
						</div>
			</div>
		</div>
		
		
		<script src="./plugins/layui/layui.js"></script>
		<script>
			//JavaScript代码区域
			layui.use(['element', 'form'], function(){
			  var form = layui.form,
			  		$ = layui.jquery,	
			  	  layer = layui.layer;
			  	  
			  	  //开关按钮切换方法 （按钮 [后台/常用]）的切换
			  	  function switchSet(){
			  	  	var $this=$("#switchSet"); //获取按钮 [后台/常用] 对象 
			  	  	var str=$this.attr("title"); //得到按钮的title值 , 值为：后台|常用
			  	  	var $thisChecked=$this.attr("checked");//得到按钮的选定状态，即checked值  
					    var arr=str.split("|"); //分割字符串 ：后台|常用  成为数组
					    $thisChecked ? $this.siblings("div").find("i").text(arr[1]) : $this.siblings("div").find("i").text(arr[0]);
			  	  }
			  	  
			  	  $(function(){
			  	  	switchSet();
			  	  	//选中状态下菜单 去掉其他的菜单
			  	  	$(".layui-nav-tree .layui-nav-item dd").on("click", function(){
			  	  		$(this).parents("li.layui-nav-item").siblings().removeClass("itemedBg");
			  	  	});
			  	  	
			  	  	$(".layui-nav-tree span.layui-nav-bar").hide();/*干掉 左侧菜单树 鼠标悬停会在屏幕左边自动出现的淡蓝线条*/
			  	  	
			  	  	/*没有滚动的时候 给二级菜单定位 获取父级top 然后传给它*/
			  	  	$(".layui-nav-tree .layui-nav-item").each(function(){
			  	  			var liTop=$(this).offset().top;
						    	var $dl=$(this).find("dl.layui-nav-child");
						    	$dl.css("top",liTop+'px');
			  	  		});
			  	  	/*在滚动的时候 给二级菜单定位 获取父级top 然后传给它*/
			  	  	$(".layui-side-scroll").scroll(function(){
			  	  		$(this).find(".layui-nav-tree .layui-nav-item").each(function(){
			  	  			var liTop=$(this).offset().top;
						    	var $dl=$(this).find("dl.layui-nav-child");
						    	$dl.css("top", liTop+'px');
			  	  		});
			  	  	});
			  	  	
			  	  	$(".layui-nav-tree .layui-nav-item").on({
			  	  		mouseenter: function(){
						    	$(this).addClass("layui-nav-itemed");
			  	  		},
			  	  		mouseleave: function(){
			  	  			$(this).removeClass("layui-nav-itemed");
			  	  			var ischecked=false;
			  	  			$(this).find("dd").each(function(){
			  	  				if($(this).hasClass("layui-this")){
			  	  					ischecked=true;
 			  	  				}
			  	  			});
			  	  			if(ischecked){
			  	  				$(this).addClass("itemedBg");
			  	  			}else{
			  	  				$(this).removeClass("itemedBg");
			  	  			}
			  	  		}
			  	  	});
			  	  });
			  	//左侧菜单树切换效果
				  form.on('switch(switchTest)', function(data){
				    var str=this.title;
				    var arr=str.split("|");
				    this.checked ? $(this).siblings("div").find("i").text(arr[1]) : $(this).siblings("div").find("i").text(arr[0]);
				    var tips=this.checked ? arr[1]: arr[0];
				    layer.tips('温馨提示：您切换为【'+tips+'】了！', data.othis);
				  });
				  
				  //左侧菜单树 二级菜单点击 “+”号 添加常用导航
				  $(".list_a > i").click(function(e){
				  	var $text=$(this).siblings("span").text();
				  	layer.tips("["+$text+"] 已添加到常用导航", $("div[lay-skin=_switch]"));
				  	//e.preventDefault();//阻止默认事件
				  	//e.stopPropagation();//阻止冒泡
				  	if($(this).hasClass("fa-plus-circle")){
				  		$(this).removeClass("fa-plus-circle").addClass("fa-minus-circle");
				  	}else{
				  		$(this).removeClass("fa-minus-circle").addClass("fa-plus-circle");
				  	}
				  	
				  	return false;//既阻止默认事件 也阻止冒泡
				  	
				  });
				
			});
		</script>
		<script>
			
		</script>
	</body>
</html>
